<template>
	<view class="content">
		<view class="item">
			<view class="head_img">
				<i class="iconfont icon-nonghangzhangshangyinhang head-css "></i>
			</view>
			<view class="text_content">
				<view class="text_content_top">中国农业银行</view>
				<view class="text_contet_bottom">
					<view class="text_contet_bottom_letf">尾号1234</view>
					<view class="text_contet_bottom_rigth">储蓄卡</view>
				</view>
			</view>
			<view class="icon">
				<i class="iconfont iconduigou dui-css"></i>
			</view>
		</view>
		<view class="add_card">
			<i class="iconfont iconicon-test"></i>
			<text>添加银行卡</text>
		</view>
	</view>
</template>

<script>
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	.content {
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(243, 243, 243, 1);
	}

	.item {
		width: 100%;
		height: 146upx;
		background: #FFFFFF;
		display: flex;
		justify-content: center;
		margin-bottom: 10upx;
	}

	.head_img {
		width: 13%;
		height: 146upx;
		display: flex;
		align-items: center;
	}

	.head-css {
		width: 80upx;
		height: 80upx;
		line-height: 85upx;
		font-size: 80upx;
		color: rgb(0, 133, 102);
	}

	.text_content {
		width: 69%;
		height: 146upx;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.text_content_top {
		font-size: 34upx;
		color: #333333;
		line-height: 46upx;
	}

	.text_contet_bottom {
		display: flex;
		justify-content: flex-start;
	}

	.text_contet_bottom_letf {
		width: 50%;
		font-size: 32upx;
		color: #666666;
	}

	.text_contet_bottom_rigth {
		width: 40%;
		font-size: 32upx;
		color: #666666;
		line-height: 46upx;
	}


	.icon {
		width: 10%;
		height: 146upx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dui-css {
		width: 36upx;
		height: 30upx;
		font-size: 42upx;
		line-height: 30upx;
		color: #00D5A2;
	}

	/**
	 * 添加银行卡样式
	 */
	.add_card {
		width: 100%;
		height: 146upx;
		background: #FFFFFF;

	}

	.add_card {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.add_card i{
		line-height: 40upx;
		text-align: center;
		color: #999999;
		font-size: 45upx;
		margin-right: 16upx;
	}
	.add_card text{
		font-size: 36upx;
		color: #999999;
	}
</style>
